
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    iframe {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100px;
      height: 100px;
      border: none;
      z-index: 0;
    }
    .on-top-of-iframe {
      position: absolute;
      width: 100px;
      height: 100px;
      border: none;
      z-index: 100;
    }
    </style>
  </head>
  <body>
    <iframe src="/cross-site/baz.com/title1.html"></iframe>
    <div class="on-top-of-iframe" style="left: 0px; top: 0px; pointer-events: none; background: blue;">Should not hit test.</div>

    <iframe src="/cross-site/bar.com/title1.html" style="left: 110px;"></iframe>
    <div class="on-top-of-iframe" style="left: 110px; top: 0px;">
      <div style="height: 3px; width: 1000px; background: blue;"></div>
      <div style="height: 1000px; width: 3px; background: blue;"></div>
    </div>
  </body>
</html>
